<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/queryloader2.min.js"></script>

		<style>
			html {
				height: 100%;
			}
			html {
				background: url(img/bg.jpg) repeat-y left bottom;
				background-size: 100% auto;
				position: relative;
			}
			body {
				min-height: 100%;
				position: relative;
			}
		</style>

	</head>

	<body>
		<div style="padding-top:160%;"></div>
		<div class="chg-container">
			<div class="bg"></div>
			<div class="border01"></div>
			<div class="border02"></div>
			<div class="butt">
				<a id="chg" class="chg" href="javascript:void(0);">免费吃火锅</a>
				<br />
				<a id="rules" class="rules" href="javascript:void(0);">活动规则</a>
			</div>
		</div>

		<div class="share" style="display: none;"></div>

		<div class="cover-cj" style="display:none;">
			<div class="cj">
				<div class="bg"></div>
				<div class="border01"></div>
				<div class="border02"></div>

				<div class="zp">
					<img src="img/zp.png" class="zp-bg"/>
					<img src="img/zz.png" alt="zz" class="" />
				</div>

				<img src="img/cj-bg01.png" alt="cj-bg01" />
			</div>
		</div>

		<div class="cover-success" style="display:none;">
			<div class="success-container">
				<div class="border01"></div>
				<div class="border02"></div>
				<div class="success-body">
					<img src="img/logo.jpg" alt="logo" />
					<span>NO.00001</span>
					<div class="p1">
						恭喜您！
						<br /> 获得******！
					</div>
					<div class="p2">
						<em>请于11月14日18点前到北京街销售中心领取以上奖品</em>
						<br /> 地 址：
						<a href="#"><img src="img/daohang.png" alt="daohang" /></a>
						<br /> 成都市天府新区南湖路与府河路交汇处
						<br /> 咨询电话：028-85642888
						<a href="#"><img src="img/phone.png" alt="phone" /></a>
					</div>
					<div class="p3">
						“TFS生活汇”隆重上线，天府新区大福利每周送不停
						<br />
						<a href="#">进入TFS生活汇</a>
					</div>
					<div class="p4">
						<h3>【活动规则】</h3> 1、
						<em>活动时间</em>：即日起至2015年11月14日17点截止；
						<br /> 2、
						<em>参与方式</em>：关注【TFS北京街】官方微信公众号，点击【TFS生活汇】-【本期福利：免费吃火锅】完成分享即可参与抽奖；
						<br /> 3、
						<em>领奖时间</em>：2015年11月14日18:00前；
						<br /> 4、
						<em>领奖地址</em>：北京街销售中心（成都市天府新区华阳街道府河路上段）；
						<br /> 5、
						<em>领奖资料</em>：参与活动的手机微信号；有效身份证件（包括但不限于身份证、 驾照、户口本、工作证等能够充分证明您是天府新区小伙伴的有效证件）；
						<br /> 6、
						<em>奖品设置</em>：一等奖：苏泊尔超薄电磁炉1台；二等奖：紫砂慢炖煲1台； 三等奖：来一火A-Cup双人火锅券1张。奖品数量有限，先抽先得抽完即止。
						<br /> 7、
						<em>特别说明</em>：
						<br /> a) 本次活动所有奖品均需获奖者本人到北京街销售中心领取，不得代领；
						<br /> b) 请在规定时间内前来领取，提前或延迟主办方有权不发放奖品，逾期作废；
						<br /> c) 领取奖品时请出示参与活动的手机微信号，经验证后领取对应奖品，每人 只有一次领奖机会，不可重复领奖；
						<br /> d) 本次活动最终解释权归北京街所有。
					</div>
				</div>
			</div>
		</div>

		<div class="hdgz-cover-box" id="rule" style="display: none;">
			<div class="hdgz-pop-box">
				<div class="hdgz-pop-close">
					<b></b>
				</div>
				<div class="hdgz-pop-content">
					<h2>活动规则</h2>
					<ul>
						<li>1、活动时间：即日起至2015年11月14日17点截止；</li>
						<li>2、参与方式：关注【TFS北京街】官方微信公众号，点击【TFS生活汇】-【本期福利：免费吃火锅】完成分享即可参与抽奖；</li>
						<li>3、领奖时间：2015年11月14日18:00前；</li>
						<li>4、领奖地址：北京街销售中心（成都市天府新区华阳街道府河路上段）；</li>
						<li>5、领奖资料：参与活动的手机微信号；有效身份证件（包括但不限于身份证、 驾照、户口本、工作证等能够充分证明您是天府新区小伙伴的有效证件）；
						</li>
						<li>6、奖品设置：一等奖：苏泊尔超薄电磁炉1台；二等奖：紫砂慢炖煲1台； 三等奖：来一火A-Cup双人火锅券1张。奖品数量有限，先抽先得抽完即止。
						</li>
						<li>7、特别说明：
							<br /> a) 本次活动所有奖品均需获奖者本人到北京街销售中心领取，不得代领；
							<br /> b) 请在规定时间内前来领取，提前或延迟主办方有权不发放奖品，逾期作废；
							<br /> c) 领取奖品时请出示参与活动的手机微信号，经验证后领取对应奖品，每人 只有一次领奖机会，不可重复领奖；
							<br /> d) 本次活动最终解释权归北京街所有。</li>
					</ul>
				</div>
			</div>
		</div>

		<script>
			$("body").queryLoader2({
				barColor: "#efefef",
				backgroundColor: "#111",
				percentage: true,
				barHeight: 1,
				minimumTime: 500,
				fadeOutTime: 1000,
				onComplete: function() {
					$("#chg").bind("click", function() {
						$(".share").show();
					});
					$(".share").bind("click", function() {
						$(".cover-cj").show();
					});
					//					$(".cover-cj").bind("click", function() {
					//						$(".cover-success").show();
					//					});
					$("#rules").bind("click", function() {
						$("#rule").show();
					});
					$("#rule").bind("click", function() {
						$(this).hide();
					});
					$(".zp").bind("click", function() {
						var i = random(5, 40);
						var index=random(0,3);
						var rang = 10;
						var deg = rang * 360 + (index*90+i);
						$(".zp-bg").css({
							'-webkit-transform': 'rotate(' + deg + 'deg)'
						});
					});
				}
			});

			function random(min, max) {
				return Math.floor(min + Math.random() * (max - min));
			}
		</script>
	</body>

</html>